<template>
 <div id="page-dialogs">
    <v-container grid-list-xl fluid>
      <v-layout row wrap>
        <v-flex lg4>
            <div slot="widget-content">
              <v-dialog v-model="dialogAddCard" persistent max-width="700px">
                <v-card>
                  <v-card-title>
                     <v-flex xs8>
                      <span class="headline">添<span class="color">{{item.name}}</span>会员</span>
                     </v-flex>
                     <v-fiex xs2>
                      <v-btn color="blue darken-1" flat >保存</v-btn>
                     </v-fiex>
                     <v-fiex xs2>
                      <v-btn color="blue darken-1" flat @click="close">取消</v-btn>
                     </v-fiex>
                  </v-card-title>
                  <v-divider></v-divider>
                    <v-container grid-list-md >
                      <v-layout wrap>
                        <v-flex  xs6 sm6 md6>
                        <v-flex xs12 sm12 md12>
                          <v-text-field label="卡主" required></v-text-field>
                        </v-flex>
                        <v-flex xs12 sm12 md12>
                          <v-text-field label="手机号" hint=""></v-text-field>
                        </v-flex>
                        <v-flex xs12 sm12 md12>
                          <v-text-field
                            label="充值金额"
                            hint="预存金额"
                            persistent-hint
                            required
                          ></v-text-field>
                        </v-flex>
                        </v-flex>
                        <v-flex xs6 sm6 md6>
                          <v-flex xs12  text-xs-center>
                              <v-img style="height:180px;width:180px;margin:auto" src="./static/image/weixin.png"></v-img>
                          </v-flex>
                          <v-flex xs12  text-xs-center>
                            扫码绑定微信
                          </v-flex>
                        </v-flex>
                      </v-layout>
                      <v-divider class="divider"></v-divider>
                    </v-container>
                  <v-card-actions>
                    
                  </v-card-actions>
                </v-card>
              </v-dialog>
            </div>
        </v-flex>
      </v-layout>
    </v-container>
  </div>
</template>

<script>
import Pubsub from "pubsub-js";
export default {
    props: ["dialogAddCard","item"],
    data () {
        return {
        }
    },
    components: {

    },
    methods: {
        close(){
        //发布消息
        Pubsub.publish("cancelAddcard")
        }
    }
}
</script>

<style scoped>
.divider {
  margin:16px;
}
.color{
  color: red;
}
</style>
